<template>
  <dv-scroll-board class="use-board" :config="config" />
</template>

<script>
import api from '../utils/api';
export default {
  props: {
    dataList: {
      type: Array,
      default: [],
    },
  },
  data() {
    return {
      config: {},
    };
  },
  created() {},
  mounted() {
    this.config = {
      headerBGC: 'transparent',
      headerHeight: 46,
      oddRowBGC: '#17325B',
      evenRowBGC: '#0C1B48',
      columnWidth: [80, 70, 70, 80, 120],
      align: ['center', 'center', 'center', 'center', 'center', 'center', 'center', 'center'],
      header: ['市场名称', '经营户数', '检测量', '不合格数', '交易总量（吨）', '接入率', '使用率'],
      data: this.dataList,
    };
  },
};
</script>

<style lang="less">
.use-board {
  .header {
    .header-item {
      font-size: 14px;
      padding: 0 !important;
    }
  }
  .rows {
    .row-item {
      font-size: 14px;
      font-weight: bold;
      color: #ffffff;
    }
  }
}
</style>
